<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let arr = [1, 2, 3, 4, 5, 6]

      // 求累积的和
      //   let total = 0
      //   arr.forEach((item) => (total += item))

      //   console.log(total)
      /*
        关于数组的方法要全部会，特别是  reduce  ES6+ 更新的方法
      */

      // 上述的需求，能够使用 forEach 等任意一个带遍历的方法完成
      // 但是，需要声明一个新的变量
      //   console.log(arr.reduce((a, b) => a + b))

      // reduce 提供一个类似于迭代器的操作，用于循环往复的去计算后面的数据
      let arr1 = [
        [1, 2],
        [3, 4],
        [5, 6],
      ]
      //   console.log(arr1.reduce((a, b) => a.concat(b)))

      let strArr = ['迪丽热巴', '古力娜扎', '马尔扎哈', '欧阳娜娜']
      //   console.log(strArr.join('-'))
      console.log(strArr.reduce((a, b) => `${a} - ${b}`))
    </script>
  </body>
</html>
